<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>内容与查找</title>
	</head>

	<body>
		<p>过滤前内容：</p>
		<input type="text" id="pre" />
		<br />
		<br />
		<input type="button" value="过滤" id="a" />
		<p> 过滤后内容：</p>
		<input type="text" id="b" />
		<script>
			var a=document.getElementById('a');
			a.onclick = function() {
				/*1、元字符串:第一个文本框内的值
				 2、正则表达式：匹配任意一个中文字符和英文bad
				 3、String对象的repalce()用*号替换 得到新的字符串
				 4、设置第二个文本框的值为新字符串*/
				var str = document.getElementById('pre');
				var reg = /[\u4e00-\u9fa5]|(bad)/gi;
				var newStr = str.repeat(reg, '*');
				document.getElementById('b').value = newStr
			}
		</script>
	</body>

</html>